{% extends 'starter.html' %}
{% block custom_css %}
    <style>
       .luffy-container ul {
            list-style-type: none;
            padding: 0;
        }

        .luffy-container ul li {
            float: left;
            padding: 10px;
            padding-left: 0;
            width: 80px;
        }

        .luffy-container ul li i {
            font-size: 18px;
            margin-left: 5px;
            color: #6d6565;
        }

    </style>
{% endblock custom_css %}
{% block content %}
    <div class="luffy-container">
        <form class="form-horizontal clearfix" method="post" novalidate>
            {% csrf_token %}

            {% for field in menu_form %}
                <div class="form-group clearfix">
                    <label class="col-sm-2 control-label">{{ field.label }}</label>
                    <div class="col-sm-6">
                        {{ field }} <span style="color:firebrick;">{{ field.errors.0 }}</span>
                    </div>
                </div>
            {% endfor %}
            <div class="form-group col-sm-12">
                <div class="col-sm-6">
                    <div class="col-sm-offset-3">
                        <button type="submit" class="btn btn-primary">提 交</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
{% endblock %}